/* CSS Document */


#float_button {
	position:fixed;
	top:40%;
	right:0px;
	width:78px;
	text-align:right;
	z-index:999;
}

#float_button a {
	display:block;
	margin-bottom:7px;
	width:78px;
	height:76px;
	background-color:#575757;
}

#float_button a:hover {
	background-color:#CF271E;
}

#btn1 {
	display:block;
	width:220px;
	overflow:hidden;
}

#btn1:hover {
	margin-left:-140px;
	width:220px;
}

#btn1 img {
	display:block;
	float:left;
}

#btn1 span {
	display:block;
	float:left;
	width:140px;
	line-height:76px;
	color:#FFF;
	font-size:18px;
	text-align:center;
}


#QRcode {
	position:absolute;
	display:none;
	top:83px;
	left:-185px;
	padding:30px;
	border:1px solid #CCC;
	border-radius:5px;
	background-color:#FFF;
	opacity:0;
	z-index:888;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#QRcode img {
	width:120px;
	height:120px;
}

#float_button:hover #QRcode {
	display:block;
}

#btn2:hover #QRcode {
	display:block;
	opacity:1;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}